<script setup>

import {User} from "@element-plus/icons-vue";
</script>

<template>
  <div style="width: 1024px;margin: 0 auto;">
    <div style="margin-top: 20px;">
      <span>当前位置: 个人中心 > 用户信息</span>
    </div>
    <div style="display: flex;align-items: center;margin-top: 20px;float: left">
        <el-row>
          <el-col :span="24">
            <el-menu
                default-active="2"
                background-color="#efefef"
            >
              <el-sub-menu style="width: 170px;">
                <template #title>
                  <el-icon>
                    <user/>
                  </el-icon>
                  <span style="display: inline-block">个人中心</span>
                </template>
                <el-menu-item-group>
                  <el-menu-item>用户信息</el-menu-item>
                </el-menu-item-group>
              </el-sub-menu>
            </el-menu>
          </el-col>
        </el-row>
    </div>
    <el-card :body-style="{ padding: '0px' }" style="margin-left: 190px; margin-top: 20px; margin-bottom: 20px;background-color: #efefef;">
      <el-form>
        <el-row>
          <el-col>
           <p style="margin-left: 15px;">用户信息</p>
          </el-col>
        </el-row>
      </el-form>

      <el-form ref="form2" label-width="80px" style="background-color: white; padding: 15px;">
        <el-form-item label="电子邮箱">
          <el-input placeholder="请输入电子邮箱"></el-input>
        </el-form-item>
        <el-form-item label="手机号">
          <el-input placeholder="请输入手机号"></el-input>
        </el-form-item>
        <el-form-item label="姓名">
          <el-input placeholder="请输入姓名"></el-input>
        </el-form-item>
        <el-form-item label="车辆">
          <el-input placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="余额">
          <el-input placeholder=""></el-input>
        </el-form-item>
        <el-form-item style="margin-bottom: 0;">
          <div style="display: flex;justify-content: center">
          <el-button type="primary" >保存修改</el-button>
          </div>
        </el-form-item>
      </el-form>
    </el-card>
  </div>
</template>

<style scoped>

</style>